<template>
  <el-container
    direction="vertical"
    class="container"
  >
  <div class="componet">
    <h1>canvas 画框组件</h1>
      <draw-rect :imgCanvas="imgCanvas"></draw-rect>
  </div>
  <div class="componet">
    <h1>中国地图组件 echarts
      
    </h1>
      <ChinaMap/>
  </div>
  </el-container>
</template>

<script>
import DrawRect from '@/components/DrawRect/index';
import ChinaMap from '@/components/ChinaMap/index';
export default {
  name: 'index.vue',
  components: {
    DrawRect,
    ChinaMap
  },
  data() {
    return {
        imgCanvas:{
            height:400,
            width:600
        }
    }
  },

}
</script>
<style>
.container {
  /* justify-content: center; */
  height: 100%;
}
.componet h1{ 
  text-align: left;
  margin: 20px 0;
}
</style>